import React, { useState } from 'react'

// const { address, age } = { age: 18, address: '武汉' }
// 注意数组是中括号进行解构赋值
// const [age, address] = [18, '武汉']

export default function App() {
  // 为函数组件提供状态和修改状态的方法
  // 参数：就是默认状态
  // 返回值：数组 [状态, 修改状态的方法]
  const [count, setCount] = useState(0)

  const handleClick = () => {
    // setCount(新值)
    setCount(count + 1)
  }
  return (
    <div>
      <h3>计数器: {count}</h3>
      {/* setCount(新值) */}
      <button onClick={() => setCount(count + 1)}>+1</button>
      <button onClick={handleClick}>+1</button>
    </div>
  )
}
